<template>
  <div class="home">
    <el-container>
      <el-header>
        <h1>{{ appStore.title }}</h1>
      </el-header>
      <el-main>
        <el-card>
          <h2>欢迎使用AI博客系统</h2>
          <p>这是一个基于Vue 3 + Element Plus的前端框架</p>
        </el-card>
      </el-main>
    </el-container>
  </div>
</template>

<script setup>
import { useAppStore } from '@/store'

// 使用状态管理
const appStore = useAppStore()
</script>

<style scoped>
.home {
  height: 100vh;
}

.el-header {
  background-color: #409eff;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-main {
  padding: 20px;
}
</style>